<!-- Generated template for the TestComponent component -->
<!--<div style="position: fixed;top:0;left: 0">-->
<!--{{text}}-->
<!--</div>-->
<ion-header>

  <ion-navbar color="mainColor" >
    <ion-title>{{listRes}}</ion-title>
  </ion-navbar>

</ion-header>
<div style="overflow-y: auto;height: 100%;padding: 46px 0;background: #fff;" [ngClass]="{'hidden': z}" [ngStyle]="{'padding-top':id=='-1' ? '46px' : '0px' }">
  <div class="countdown" *ngIf="id=='-1'">
    <div>计时：<span class="CouTime">{{nextBtnText}}</span></div>
    <ion-icon (click)="TimeSuspended()" name={{TimeIcon}} class="md-play"><span>{{TimeText}}</span></ion-icon>


  </div>
  <div *ngFor="let item of testData.Que.listTopic ;let i = index;" [id]="item.FTopicId" [ngClass]="{'unCompleteTopic': item.isComplte==false}" (click)=wtjtz(item) style="position: relative;" >
      <page-question-single  *ngIf="item.FShow&&(item.FType=='10001')" [topic]="item" [poneSet]="testData.Que.Phoneset" [testData]="testData" [topicIndex]="i"></page-question-single>
      <page-question-vote  *ngIf="item.FShow&&(item.FType=='10012')" [topic]="item" [poneSet]="testData.Que.Phoneset" [testData]="testData" [topicIndex]="i"></page-question-vote>
      <page-question-sort  *ngIf="item.FShow&&(item.FType=='10011')" [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-sort>
      <page-question-area  *ngIf="item.FShow&&(item.FType=='10007')" [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-area>
      <page-queation-linkage  *ngIf="item.FShow&&(item.FType=='10017')" [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-queation-linkage>
      <page-question-map  *ngIf="item.FShow&&(item.FType=='30014')" [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-map>
      <page-question-job  *ngIf="item.FShow&&(item.FType=='30012')" [topic]="item"[poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-job>
    <page-question-checkbox *ngIf="item.FShow&&item.FType=='10002'"  [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"  ></page-question-checkbox>
    <!--<page-question-city [list]="this.res"></page-question-city>-->
    <page-question-select *ngIf="item.FShow&&item.FType=='10015'"  [topic]="item"[poneSet]="testData.Que.Phoneset" [topicIndex]="i" ></page-question-select>
    <!--<page-question-single [list]="this.res"></page-question-single>-->
    <!--<page-question-area [list]="this.res"></page-question-area>-->
    <!--<page-question-commodity [list]="this.res"></page-question-commodity>-->
    <page-question-completion *ngIf="item.FShow&&item.FType=='10003'"  [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-completion>
    <page-question-images *ngIf="item.FShow&&item.FType=='10013'"   [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-images>
    <!--<page-question-proportion *ngSwitchCase="'10016'" [topic]="item" [topicIndex]="i"></page-question-proportion>-->
    <!--<page-question-score [list]="this.res"></page-question-score>-->
    <!--<page-question-sort [list]="this.res"></page-question-sort>-->
    <page-question-score  *ngIf="item.FShow&&(item.FType=='10006')"   [topic]="item"[poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-score>
    <page-question-time  *ngIf="item.FShow&&(item.FType=='10010')"   [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-time>
    <page-question-subjectivity  *ngIf="item.FShow&&item.FType=='10004'"   [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-subjectivity>
    <page-question-test-completion *ngIf="item.FShow&&item.FType=='10020'"   [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i" ></page-question-test-completion>
    <page-question-test-single *ngIf="item.FShow&&(item.FType=='10018') && item.FselectItemNum==0" [topic]="item"[poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-test-single>
    <page-question-test-checkbox *ngIf="item.FShow&&(item.FType=='10018') && item.FselectItemNum==1" [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-test-checkbox>
    <page-question-matrix-single *ngIf="item.FShow&&(item.FType=='10005')&&(item.FAnswerForm=='1000501')"   [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-matrix-single>
    <page-question-matrix-chebox *ngIf="item.FShow&&(item.FType=='10005')&&(item.FAnswerForm=='1000502')"   [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-matrix-chebox>
    <page-question-matrix-select *ngIf="item.FShow&&(item.FType=='10005')&&(item.FAnswerForm=='1000503')"   [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-matrix-select>
    <page-question-matrix-text *ngIf="item.FShow&&(item.FType=='10005')&&(item.FAnswerForm=='1000504')"   [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-matrix-text>
    <page-question-matrix-score *ngIf="item.FShow&&(item.FType=='10005')&&(item.FAnswerForm=='1000505')"   [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-matrix-score>
    <page-question-matrix-slide *ngIf="item.FShow&&(item.FType=='10005')&&(item.FAnswerForm=='1000506')"   [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-matrix-slide>
    <page-question-matrix-proportion *ngIf="item.FShow&&(item.FType=='10016')"   [topic]="item"  [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-matrix-proportion>
    <!--<page-question-matrix [list]="this.res"></page-question-matrix>-->


  </div>

  <div  [ngClass]="{'showfix': show}"></div>


  <div style="margin-bottom: 76px" class = "btn" *ngIf="z">
    <div><button #subt class = "btn1 btnsub" (click) = "submit()" [ngStyle]="{'background-color':subbtncolor=='red' ?  '#c00000':'#bbb' }">提交 {{timesub}}</button></div>
    <div><button  class = "btn2" (click) = "backpage()">取消</button></div>
  </div>

</div>









